![](https://img-blog.csdnimg.cn/20190918140145169.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
Vue
蜗牛re
这个作者很懒,什么都没留下…
展开
-
v-bind 的学习
一、绑定方式:数组1、 绑定一个值html中渲染<p class="cl" v-bind:class="['color']">测试vbind-绑定一个值</p>style中定义.cl { border: 1px dashed rgb(60, 0, 255); width: 500px; height: 50px;}.color { color:red;}运行效果2、 绑定多个值(2种写法运行效果一样).原创 2022-05-19 15:36:39 · 105 阅读 · 0 评论 -
v-html 的学习
v-html指令用来将一段html文本显示在页面上。data里定义:data() { return { rawhtml:'<span style="color:red">这里会显示成红色</span>' }html里渲染:<p v-html="rawhtml"></p>运行效果:...原创 2022-05-18 16:15:51 · 248 阅读 · 0 评论 -
v-for 的学习
一、迭代普通数组data中定义: list:[1,2,3,4,5]html中渲染: <p v-for="(item,i) in list" :key="i"> 索引值:{{i}}---每一项{{item}}</p>运行的效果:二、迭代对象数组data中定义:foodData: [ {id:1,name: "苹果"}, {id:2,name: "香蕉"},转载 2022-05-18 16:11:42 · 183 阅读 · 0 评论 -
Vue 格式警告错误,去除校验
build>webpack.base.conf.js注释...(config.dev.useEslint ? [createLintingRule()] : []) ,重新运行即可原创 2022-05-18 15:54:42 · 437 阅读 · 0 评论 -
Vue 项目运行的顺序
1. package.json=> scripts: dev/start/xxxx npm run dev2. index.html3. src/main.js4. App.vue5. router原创 2022-05-18 15:52:51 · 1578 阅读 · 0 评论 -
快速用vscode 新建一个vue的项目
1. 首先要有VSC,可以直接去官网下载https://code.visualstudio.com/2. 安装Node.js3. 全局安装vue -cli(脚手架)vue-cli 可以快速新建Vue项目命令: npm install -g vue-cli4. 安装 webpack打包js的工具命令: npm install -g webpack5. 输入cmd ,打开命令窗口输入命令:vue init webpack demo接着会出现一些配置项,可以根据需要配置原创 2022-05-18 15:50:12 · 950 阅读 · 0 评论