vue---cli 构建

作者:未知 / 来源:网络 / 整理:脚本之家如果知识不能与人分享,这不算是真正的知识了。
1.刚开始的时候 在 命令行输入 cnpm install -g vue-cli 然后会得到vue命令 可以用vue list 展示所有的模板vue init 模板 目录 模板是使用什么模板 目录就是项目目录 如果有项目文件了 就不用写 例:vue init webpack demo 会创建一个demo文件夹 一路回车 但是到ESlint 要 no 最后会有三个选项 选最后一个cd 创建的文件...

1.刚开始的时候 在 命令行输入 cnpm install -g vue-cli 然后会得到vue命令 可以用vue list 展示所有的模板

  1. vue init 模板 目录 模板是使用什么模板 目录就是项目目录 如果有项目文件了 就不用写 例:vue init webpack demo 会创建一个demo文件夹 一路回车 但是到ESlint 要 no 最后会有三个选项 选最后一个

  2. cd 创建的文件名

  3. cnpm install
    el:“#app” 和 template如果在一起 后者覆盖前者 el:“#app” 和 template如果在一起 后者覆盖前者

  4. npm start 会生成一个 8080

  5. export default 导出组件配置对象

  6. import 模块名 from ‘路径’

  7. 总结就是如果想把组件放进父组件中 就从本文件中导出 在父组件文件中导入 并写标签 因为创建vue文件的时候 自然生成了export default配置对象 在里面写的任何东西都可以在别的vue文件中接收到

  8. 所有的东西都是模块化引入 不管是 js 还是别的需要的文件 都可以在 cnpm 下载完成模块后引入

  9. 当创建完成后在src文件中会有三种文件 这三种文件各自有各自的作用

  10. 1.是src 文件下的components文件 在这个文件中是存放vue组件的文件这个文件中存放了所有的 建立项目所需要的组件 的模板 和函数 数据 并最终把他们全部导出,

2.是src文件下的 router文件中的index.js 在这个文件中接收了components文件中所有的组件导出的内容并把他们在其中的routes中与路由绑定在一起 最后导出

3.是 src文件下的 index.js 这个文件主要的作用就是引入在命令窗口下载项目所需要的模块 同时还引入了index.js导出的所有组件和路由配置 如果是专门为vue制作的模块在import引入后还需要用 vue.use(模块名) 声明下 最后就是创建了new vue组件对象把app这个最大的组件放进去 同时把从 index.js组件中导出的组件和路由配置的文件放进去(就一句话而已 呜呜 看了半天才理清楚关系)

最后总结 用cli就是玩模块 把需要的模块导入 然后用 把需要导出的模块导出就可以

你可能在找的问题:

vue教程

Vue页面跳转动画效果的实现方法

百度了好久都没办法实现vue中一个页面跳到另一个页面,甚至到google上搜索也是没办法的,最终还是找了高人亲自指导,所以下面这篇文章主要给大家介绍了关于Vue页面跳转动画效果的实现方法,需要的朋友可以参考下

vue教程

vue构建动态表单的方法示例

这篇文章主要介绍了vue构建动态表单的方法示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

vue教程

玩转vue的slot内容分发

这篇文章主要介绍了玩转vue的slot内容分发,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

vue教程

vue 巧用过渡效果(小结)

这篇文章主要介绍了vue 巧用过渡效果(小结),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

微信扫一扫

微信扫一扫

微信扫一扫,分享到朋友圈

标题
返回顶部