vue.js视频教程第11讲，vue视频教学

Vue.js安装

1、在没有Vue脚手架的时候，我们需要手动搭建webpack项目、手动去配置vue，现在有了Vue脚手架，我们就可以通过命令行的形式快速生成vue项目的基础架构。

2、对于vue的使用可以分为两种使用形式：引入vue.js文件，在js中将vue实例化；通过node安装第三方包--vue，搭建脚手架，用脚手架将页面分成几个组件编写，从而利用组件来搭建页面。

3、【推荐课程：Vue教程】vue-cli webpack全局引入jquery(1) 首先 npm install jquery --save (--save 的意思是将模块安装到项目目录下，并在package文件的dependencies节点写入依赖。

4、首先在IDEA中安装vuejs插件 FileSettingsPlugins搜索vuejs插件进行安装 2点击Edit Configurations，添加一个npm 然后就可以在IDEA中运行了。

相关问答

Q1: 第二节:Vue实例化

1、对于vue的使用可以分为两种使用形式：引入vue.js文件，在js中将vue实例化；通过node安装第三方包--vue，搭建脚手架，用脚手架将页面分成几个组件编写，从而利用组件来搭建页面。

2、vue实例化。首先需要引入vue.js文件，然后创建一个script标签，在这个标签里面使用 new Vue({})进行vue的实例化。

3、触发了子组件的实例化，子组件实例化又会重复上述数据劫持的过程。 这个过程就是对组件树的深度遍历。结合组件生命周期来看整个过程，父组件会先触发created钩子，子组件后触发created钩子。

4、首先使用vue.use(vuex)表明vuex是vue的插件，只能被vue使用——实例化Store并传入参入——Store注入到根组件上。以上三个步骤便可以使用vuex实现数据在组件中的共享了。

5、实例化后的 bus 不知放哪好，最后无奈将其放到了 window 下，一直 window.bus 的使用。虽然这样也没问题，但还是影响到了全局作用域。

Q2: Vue第一节:Vue.js框架是什么,为什么选择它

1、Vue.js是一个构建数据驱动的web界面的渐进式框架。Vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。

2、Vue.js是什么？Vue是一个js库，且无依赖别的js库跟jquery差不多。Vue核心库只关注视图层，非常容易与其它库或已有项目整合。Vue.js是一个轻巧、高性能、可组件化的MVVM库，同时拥有非常容易上手的API。

3、Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习，非常容易与其它库或已有项目整合。另一方面，在与相关工具和支持库一起使用时 ，Vue.js 也能地驱动复杂的单页应用。

Q3: Vue.js怎样把递归组件构建为树形菜单

1、最近在做一个vue的项目，独立封装树形组件。先说一下项目需求：项目原型：此树形结构分为三级：根节点，一级节点，二级节点，每个节点都可以选中或取消选中，父级节点选中，下级的所有节点也可全部选中。

2、以往我们在开发vue项目的时候，总是通过将路径和路由写在route/index.js文件中，然后直接进行访问即可，一般实现权限匹配都是通过菜单下面的权限参数和路由守卫进行一个验证拦截和权限匹配，然而这样安全性仍然不足。

3、首先进行简单查找，如果找到一个菜单menu，则返回该菜单的meta.key；如果简单查找无果，则对路由树进行递归查找； 这是函数式编程和递归结合的另一个例子。

4、在使用 ant-design vue 组件中的a-table的时候，有个需求就是在table的左边加一个树形菜单，树形菜单和a-table在一行显示，首先想到的是用flex布局，在树形菜单和a-table的外面放一个大的div包裹起来 使用flex布局。

5、嵌套路由怎么定义？vue-router模块的router-link组件。怎么定义vue-router的动态路由？怎么获取传过来的动态参数？在router目录下的index.js文件中，对path属性加上/：id。

vue.js视频教程第11讲的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于vue视频教学、vue.js视频教程第11讲的信息别忘了在本站进行查找喔。