请问bug在哪里
来源：2-5 选项数据
hy_wang
2018-11-13 11:37:02
<template>
<div class='one'>
<div>模板样式</div>
<div>------------------</div>
<div>{{one}}</div>
<div>------------------</div>
<div v-html='html'></div>
<div>------------------</div>
<!-- class绑定 -->
<p v-bind:class=classObject></p>
<div>------------------</div>
<!-- methods -->
<div id='eve' v-on:click="alertText('success')">{{two}}</div>
<!-- //条件渲染 -->
<div v-if=showHide>{{showIf}}</div>
<div v-else>{{hideIf}}</div>
<!-- computer -->
<div>{{number}}</div>
<!-- 过滤器 -->
<div>{{ message | filter}}</div>
</div>
</template>
<script>
export default {
// 存放数据
data () {
return {
one : '模板',
two : '点击我',
html : 'one',
html : '<span>插入的HTML</span>',
classObject : {
active:true
},
showHide : 'true',
showIf : '显示If',
hideIf : '显示Hide',
string : 'wanghaoyu',
message : 'wanghaoyu'
}
},
// 计算函数
computed : {
number () {
return this.string.split('').reverse().join('');
},
_init () {
console.log('success created');
},
_destroy () {
console.log('页面销毁完成');
}
},
// 事件函数
methods : {
alertText(string){
alert(string);
}
},
// 过滤器
filters : {
filter(){
return '过滤成功';
}
},
// 加载完成
created () {
// 初始化页面
this._init();
},
// 销毁完成
destroyed () {
this._destroy();
}
}
</script>
<style scoped>
.one{
margin:0 auto;
}
div{
text-align: center;
height: 100px;
line-height: 100px;
}
.active{
color:red;
}
</style>请问我npm run dev为什么那么多语法错误？
哪里有错实在看不出来
4回答
-
好帮手慕糖
2018-11-13
你好，在使用v-for更新已渲染的元素列表时,默认用就地复用策略;列表数据修改的时候,他会根据key值去判断某个值是否修改,如果修改,则重新渲染这一项,否则复用之前的元素;我们在使用的使用经常会使用index(即数组的下标)来作为key,即：:key="index"；
关于你说的选择好了，不知道具体是什么选择好了，建议：可以详细描述下便于更好的定位与解决问题。
另，建议：新的问题，可以新建问题进行提问哦，这样便于后期复习的时候，进行归纳与查找。
祝学习愉快！
0 -
好帮手慕糖
2018-11-13
同学你好，1.下载语法高亮插件 ,地址:https://github.com/vuejs/vue-syntax-highlight
2.打开sublime编辑器，选择菜单项“Preferences->Browse Packages...” ,然后就会打开一个文件夹
3.在打开的文件夹中创建“Vue”文件夹
4.将vue-syntax-highlight-master压缩包解压后 , 复制里面所有的文件 , 把所有文件粘贴到vue文件夹中
5.回到sublime编辑器 , 按下快捷键“ctrl+shift+p”，在打开的packages输入框中输入vue，选择“Set Syntax:Vue Component”进行加载
6.加载后重启sublime，重新打开.vue文件，即能看到语法高亮。
另，建议：新的问题，可以新建问题进行提问哦，这样便于后期复习的时候，进行归纳与查找。
祝学习愉快！
0h018-11-13 -
好帮手慕糖
2018-11-13
同学你好，这里测试，报错信息如下
主要是_init这个函数引起的，这里同学是要做什么呢？视频中并没有发现这个哦，建议：同学可以详细的效果下需求，或者在对应的小节进行提问，便于更加准确的定位问题。
祝学习愉快！
0h018-11-13 -
hy_wang
提问者
2018-11-13
Extra space after key 'methods'
这个是啥意思 ？？哪里有错
0
相似问题