Web前端-Vue.js必备框架（三）
<code>vue</code>是一款渐进式<code>javascript</code>框架，由<code>evan you</code>开发。<code>vue</code>成为前端开发的必备之一。
<code>vue</code>的好处轻量级，渐进式框架，响应式更新机制。
开发环境，浏览器使用<code>chrome</code>，ide：<code>vs code</code>或者<code>webstorm</code>，<code>node.js8.9+</code>，<code>npm</code>等
<code>uni-app</code>直接使用<code><script></code>引入<code>vue.js</code>，<code>vue</code>会被注册为一个全局变量，开发环境不要使用压缩版本，一：开发版本有完整的警告和调式模式，二：生产版本删除了警告。
生产环境：
开发：
属性：自定义属性，原生属性，特殊属性。
组件中<code>props</code>中声明属性。
每一个<code>vue</code>组件都是一个<code>vue</code>实例，<code>vue</code>实例通过<code>new vue</code>函数创建的。
事件：普通事件，修饰符事件。
插槽：普通插槽和作用域插槽。
小结：
属性，自定义属性：<code>props</code>，原生属性：<code>attrs</code>，特殊属性：<code>class</code>，<code>style</code>。
插槽：普通插槽，作用域插槽。
双向绑定：
<code>model</code>数据的更新会导致<code>view</code>视图的更新，<code>view</code>视图的更新会导致<code>model</code>数据的更新。但<code>vue</code>是单向数据流，<code>Object.defineProperty</code>响应式更新。
状态<code>data</code>和属性<code>props</code>
状态是组件自身的数据，属性来自父组件的数据。
状态和属性的改变都未必会触发更新。
好了！下面开讲：
开发环境版本：
生产环境版本：
新手不建议用<code>vue-cli</code>哦！
数据渲染：
组件化：
创建一个 <code>Vue</code> 实例
<code>$</code>用于区分与用户定义的属性。
<code>v-once</code>执行一次性插值，数据改变后，不会再改变。
<code>v-bind:</code>
修饰符：
<code>v-bind</code>和<code>v-on</code>
好了，欢迎在留言区留言，与大家分享你的经验和心得。
感谢你学习今天的内容，如果你觉得这篇文章对你有帮助的话，也欢迎把它分享给更多的朋友，感谢。
作者简介
达叔，理工男，简书作者&全栈工程师，感性理性兼备的写作者，个人独立开发者，我相信你也可以！阅读他的文章，会上瘾！，帮你成为更好的自己。长按下方二维码可关注，欢迎分享，置顶尤佳。
版权声明： 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处！