VUE笔记-2019-05-16

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') // 输出的绝对路径 }, }

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。