1.绑定属性::
---v-bind:id="appId"
,简写成:id="appId"
2.绑定事件:@
---v-on:click="submit()"
, 简写成 @click="submit()
3.computed(数据联动):监听本实例中的所有变量
4.watch(异步场景):监听一个变量或者常量
5.使用vue-cli3.0创建一个新项目:vue create my-vue
6.:class="{ active : index == current }"
当前index 与current相等是加active
7.使用webpack实现自动启动、热更新等:
(1)cd到项目目录,安装webpack、webpack-cli: 使用--save-dev
参数会将这两个包添加到 package.json
的开发依赖中.
npm install webpack webpack-cli --save-dev
(2)在当前目录下新建一个webpack的配置文件webpack.config.js.webpack.config.js的内容:
const {join:pathJoin} = require('path'); module.exports = { entry:{ app:'./src/index.js' // 入口文件的位置 }, output:{ filename:'[name].bundle.js', // 输出文件名字的格式 path:pathJoin(__dirname,'./dist') // 输出的绝对路径 }, }
网友评论