Vue-新手入门 发表于 2020-05-27 | 更新于: 2020-05-28 | 分类于 类别 | 0 | 本文总阅读量 14次 字数统计: 212 | 阅读时长 ≈ 1 Webpack 下vuejs项目文件结构创建项目1vue init webpack my-project. // 创建 vue 项目 项目结构如下:1234567build // 编译用到的脚本config // 各种配置node_modules // node第三方包src // 源代码static // 静态文件,暂时无用index.html. // 最外层文件package.json. // node项目配置文件 新建路由1234567891011121314151617import Vue from 'vue'import Router from 'vue-router'// 引入SayHi 页面import SayHi from "@/component/SayHi"Vue.use(Router)export default new Router({ routes: [ // 定义了say_hi 的url { path: 'say_hi', //对应一个url路径 name: 'SayHi', //vuejs内部使用的名称 component: SayHi //对应的.vue页面的名字 } ]}) 新建 Component创建 Src/Component/SayHi.vue 123456789101112131415<template> <div>你好 vuejs!</div></template><script> export default { data () { return {} } }</script><style> </style> 简写…/…./…/1@ 符号,代表源代码目录,一般指向 src文件 打赏 微信支付 支付宝 Huzhongqiang: HuZhongQiang 本文链接: http://yoursite.com/_posts/2020/05/27/Vue-新手入门/ 版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处!
v1.5.2