vue学习日志
博客专区 > cnchens 的博客 > 博客详情
vue学习日志
cnchens 发表于10个月前
vue学习日志
  • 发表于 10个月前
  • 阅读 9
  • 收藏 0
  • 点赞 0
  • 评论 0

新睿云服务器60天免费使用,快来体验!>>>   

摘要: 第一天

开发一个论坛,初步前端的技术盏vue+vue.cli+webpack+es5/6

第一步:创建项目手脚架

vue init webpack 项目名      //创建新项目

cnpm install                        //安装依赖文件

npm dev run                      //运行

修改config/index.js           为 build{ assetsPublicPath: './' }

npm run build                   //打包

router/index.js   路由设置添加属性:mode : 'hist'

第二步:

html:

<router-view></router-view>渲染嵌套路由文件

<router-link :to="path='/xxx'">路由地址

js:

import xxx form './xxxx'   //插入依赖文件

 

export default{

name : 'xxx',           //name

components : {      //放置组建

},

data () {

    return {    }          //渲染到页面的数据

},

methods : {           //填写vue实例方法
    xxx () {  }

}

标签: Vue.js
  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 1
博文 3
码字总数 367
×
cnchens
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: