随笔分类 -  vue

vue第一天
摘要：目录结构 示例代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" c 阅读全文
posted @ 2022-04-17 20:58 卡卡罗特琪琪 阅读(30) 评论(0) 推荐(0)
vue npm run build报错 npm ERR! missing script: build
摘要：详细报错信息（执行npm run build） 解决办法 打开package.json 所以应该用npm run build:prod --report，可以成功build 查看dist，确实产生了dist文件夹 阅读全文
posted @ 2021-07-21 22:52 卡卡罗特琪琪 阅读(964) 评论(0) 推荐(1)
vue脚手架搭建项目
摘要：1、npm install webpack -g（全局安装webpack） 2、npm install -g @vue/cli（全局安装vue脚手架） 3、vue init webpack vue-demo，输入对应信息回车（初始化vue项目） 4、启动项目：cd vue-demo；npm run 阅读全文
posted @ 2021-04-17 00:05 卡卡罗特琪琪 阅读(66) 评论(0) 推荐(0)
vue双向绑定（模型变化，视图变化，反之亦然）
摘要：<body> <div id="app"> <input type="text" v-model="num"/> <h1>{{name}},你真的强，有{{num}}个人为他点赞。</h1> </div> <script src="./node_modules/vue/dist/vue.js"></ 阅读全文
posted @ 2021-04-15 22:12 卡卡罗特琪琪 阅读(85) 评论(0) 推荐(0)
新建一个vue项目
摘要：1、在任意位置建一个空文件夹； 2、打开vscode，定位到刚才新建的文件夹； 点击左下角位置 弹出 3、输入npm install vue 展开刚才新建的项目 4、测试一下项目是否搭建成功； 新建一个index.html; 输入感叹号，直接回车； 就生成了html模板 新建一个vue小demo； 阅读全文
posted @ 2021-04-15 00:03 卡卡罗特琪琪 阅读(83) 评论(0) 推荐(0)