打酱油

.lazy在默认情况下， v-model 在 input 事件中同步输入框的值与数据，但你可以添加一个修饰符 lazy ，从而转变为在 change 事件中同步：<!-- 在 "change" 而不是 "input" 事件中更新 --><input v-model.lazy="msg" >.number如果想自动将用户的输入值转为 Number 类型（如果原值的转换结果为...

ue.js通过由点(.)表示的指令后缀来调用修饰符。.stop.prevent.capture.self.once<!-- 阻止单击事件冒泡 --><a v-on:click.stop="doThis"></a><!-- 提交事件不再重载页面 --><form v-on:submit.prevent="onSubmit">&

<div v-bind:class="{ active: isActive }"></div><div class="static" v-bind:class="{ active: isActive, 'text-danger': hasError }"></div><div id="app"

监听属性 watch，我们可以通过 watch 来响应数据的变化:<div id = "computed_props"> 千米 : <input type = "text" v-model = "kilometers"> 米 : <input type = "text" v-model = "meters">

computed：计算属性在处理一些复杂逻辑时是很有用的。<div id="app"> <p>原始字符串: {{ message }}</p> <p>计算后反转字符串: {{ reversedMessage }}</p></div> <script>var vm = new Vu

//导入组件  import Hello from './components/Helloexport default{    name:'app',    components:{        Hello    }}//文本插值{{}}//输出html代码 v-html//属性 v-bind//表达式 {{}}//指令 v-if   v-on//参数 v-bind:href//修饰符   v-...

指令定义函数提供了几个钩子函数（可选）：bind: 只调用一次，指令第一次绑定到元素时调用，用这个钩子函数可以定义一个在绑定时执行一次的初始化动作。inserted: 被绑定元素插入父节点时调用（父节点存在即可调用，不必存在于 document 中）。update: 被绑定元素所在的模板更新时调用，而不论绑定值是否变化。通过比较更新前后的绑定值，可以忽略不必要的模板更新（详细的钩子函数参数见下）。...

<div id="app"> <p>页面载入时，input 元素自动获取焦点：</p> <input v-focus></div> <script>// 注册一个全局自定义指令 v-focusVue.directive('focus', { // 当绑定元素插入到 DOM 中。 inser

上一章节中我们使用了 npm 安装项目，我们在 IDE（Eclipse、Atom等） 中打开该目录，结构如下所示：目录解析目录/文件说明build项目构建(webpack)相关代码config配置目录，包括端口号等。我们初学可以使用默认的。node_modulesnpm 加载的项目依赖模块src这里是我们要开发的目录，基本上要做的事情都在这个目录里。里面包含了几个目录及文件：assets: 放置一...

全局安装 vue-clinpm install --global vue-cli创建一个基于webpack模板的新项目vue init webpack my-project安装依赖cd my-projectnpm installnpm run dev