Vue.js笔记 之 入门篇Day5 -- methods、watch、computed的对比、 nrm工具、loader、babel、render、scoped

methods属性

 

watch属性

computed -- 计算属性

在计算属性的function内部，所用到的任何data中的数据发生了变化，就会立即重新计算这个 计算属性的值。

 

注意：methods、watch、computed的区别

        computed计算属性的func内部一定要有return语句

 

nrm 与 npm

 

 

网页中常见的静态资源

 

 

webpack--最基本的配置文件

 

webpack-dev-server 的四个指令：

--open 自动打开 

--port 设置指定的端口号 

--contentBase  设置初始默认的打开的页面 

--hot 热启动的形式 不会每次变动都重新生成bundle.js文件 而是以打补丁的形式追加更新的操作。

上述配置的另一种方式：

 

html-webpack-plugin 插件

配置处理css样式表的第三方loader

分析webpack调用第三方loader的过程

配置处理.less文件的loader

 

配置处理.sass文件的loader

Day6

 

url-loader

 

webpack - loader中的babel （即通过babel配置高级的ES6语法，使得webpack可以兼容这些语法）

 

 

在页面中使用render方法渲染组件 --- 效果等同于用传统的 component

注意：render 和 component 的区别

 

 

webpack中导入vue

 

 

在一个模块module中，export default 只允许向外暴露一次

但是， 在一个模块中，可以同时使用 export default  和 export 向外暴露数据

接收export 暴露的数据方式

注意：使用export向外暴露成员，只能使用  { } 的形式来接收，这种形式叫做 按需导出

 

起别名 用 as

 

 

注意： scoped是这是全局css样式，只在此主件中生效。 lang设置css的格式 可以使scss或者lass