Vue知识点（1）

1.创建脚手架2时，在vue 程序运行过程中，runtimeOnly和runtimeCompiler的区别：

        runtimeOnly中：render->虚拟dom->真实dom

        runtimeCompiler中：template->抽象语法树->render->虚拟dom->真实dom

2. 脚手架3和脚手架2的区别：

1）脚手架3是基于webpack4打造的，而脚手架2是基于webpack3打造的

2）脚手架3的设计原则是“0”配置，移除了static，build和config等文件夹

3）脚手架3提供了vue ui的配置，提供了可视化配置，更加人性化

4）脚手架3增加了public文件夹，并将index.html文件放入其中

3.<router-link>的属性：

 1）to属性：表示将要跳转到哪个组件

2）tag属性：将<router-link>可以渲染成自己所设置的标签，默认是渲染成<a>链接标签

3）replace属性：表示不可以回退

4）active-class属性：可以改变其默认的类名

4.路由传递参数有两种类型：

1）params类型：

        首先要配置路由，在路径后面加上参数，其次要在<router-link>标签中to的属性值中路径后面拼接上参数，如果当前正处于活跃的组件想获取参数，则通过this.$route.params.参数名

 

2）query类型：

        首先配置路由，配置路由的方式同正常的一样，其次在<router-link>中设置to属性值时，是以键值对的形式书写的，如:to="{path:'/xxx',query:{name:'tom',name:18}}" ，如果当前正处于活跃状态的组件想要获取参数时，需要通过$route.query.参数名获取。