Vue---------1
Posted acompe
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Vue---------1相关的知识，希望对你有一定的参考价值。
介绍
- Vue.js目前最火的的一个前端框架，三大主流前端框架之一。
- Vue.js是一套构建用户界面的框架（一套完整的解决方案，对项目侵入性大，中途需要跟换框架则需要重构整个项目），只关注视图层，易上手，有配套的第三方类库。
- 提高开发效率，帮助减少不必要的dom操作；双向数据绑定，通过框架提供的指令，前端只需要关注业务逻辑，不再关心dom如何渲染。
入门
学习所有的内容，相关的官网都会由完整的教程，Vue也不例外，Vue官网官网不仅有着大量的文档资料，同时还配有学习视频与开发软件。
第一个程序
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
{{message}}
<div>
<script>
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
</script>
</body>
</html>此时网站打开显示如下页面：
心得
当学习者第一次去学习Vue开发时，肯定会尽力去理解该框架与之前学过的HTML的异同点，并且努力去想如何实现的双向绑定，{{}}这符号又是什么意思等问题。
事实上，javascript可以获取整个页面的所有代码，同时他也可以改变页面的所有内容，如果学习Vue框架时，尽力的去寻找与HTML的异同之处使非常不可取的，在接下来的学习过程中，应该把Vue框架当成新的语言来学习，尽量的不要去做对比，有些地方确实与原来的变化大的多，所以尽力以学习一种新的内容的态度去学习Vue。
以上是关于Vue---------1的主要内容，如果未能解决你的问题，请参考以下文章