极北

①每个Vue.js应用都是通过构造函数Vue创建一个Vue的根实例启动的： var vm = new Vue({ //选项 })②可以扩展Vue构造器，从而用预定义选项创建课复用的组件构造器： var MyComponent = Vue.extend({ //扩展选项 }) var MyComponentInstance =

①模板内的表达式实际上只用于简单的运算，对于复杂逻辑，使用计算机属性。②基础例子： Original message:"{{message}}" Computed reversed message:"{{reversedMessage}}"var vm = new Vue({ el:"#example", data:{ message:"Hello" }, c

Vue:   是一套构建用户界面的渐进式框架，采用自低向上增量开发的设计，其核心库值关注视图层，便于与第三方库或既有项目整合，另一方面，当与单文件组件和Vue生态系统支持的库结合使用时，Vue也完全能够为复杂的单页应用程序提供驱动。

①数据绑定一个常见需求是操作元素的class列表和它的内联样式，因为它们都是属性，我们可以用  v-bind 处理它们：只需要计算出啊表达式最终的字符串。不过，字符串拼接麻烦又易错。因此，在 v-bind 用于 class 和 style 时，Vue.js专门增强了它，表达式的结果类型除了字符串之外，还可以是对象或数组。②绑定HTML Class   对象语法：      我们可以传给

①Vue.js使用了基于HTML的模板语法，允许开发者声明式地将DOM绑定至底层Vue实例的数据。所有Vue.js的模板都是合法的HTML，所以能够被遵循规范的浏览器和HTML解析器解析。  在底层的实现上，Vue将模板编译成虚拟DOM渲染函数。结合响应系统，在应用状态改变时，Vue能够智能地计算出重新渲染组件的最小代价并应用到DOM操作上。②文本：   数据绑定最常见的形式就是使

<li v-for="item in items" v-bind:class="{finished:item. isFinished}" v-on:click ="toggleFinished(item)"> {{item.label}} export default { data:function () { return {

①引入组件import Header from './header'import Footer from './footer'注册组件new Vue({ data:{ isShow:true }, components:[ Header,Footer ]})然后在模板中就可以使用,②组件之间通信-props//this is header.vue

1.尽量提取出公共组件，并对子组件设置prop，让父组件像子组件传值，提高组件的复用性；2.在编写页面是，最好一个ajax配一个接口，方便后期维护；3.在created中写document.title="title"，设置页面的title；4.当你写的是一个公共页面（根据不同的id访问的结果不同，但是页面结构相同，比如：详情页），这个时候在data中定义的id=this.$rout

①下载node并安装成功；②在命令行输入:npm -v,验证npm是否安装成功；③在命令行输入：npm install -g vue-cli,下载vue的cli（可能有点慢，需要耐心）；④在命令行输入：vue，将发现vue已经是一个命令；⑤初始化项目类型，在命令行输入：vue init webpack my-first-vue-project；⑥之后提示根据自己选择进行填写或选