this的指向在函数定义的时候是确定不了的,只有函数执行的时候才确定this到底指向谁

没有没有，我也是初学者，感觉比原生操作DOM更强大，通用，边敲边理解，消化了逻辑后，相信后面复杂的问题就会体现出Vue处理的强大性能了。

不可以，"v-bind:"指令需要用":"代替

将展示图片的数组和 实际存放 url 的数组分开，每当需要显示图片时直接将 当前的 url数组 总体赋值给用以展示图片的数组。

var showPic=[]     //展示用的数组

var urlPic=[url1,url2].push(res.url3)  //实际存储数组

const show=()=>{

showPic=[] 

showPic.push(urlPic)

}

去掉  template: "<h1>{{texts}}</h1>"

现在解决了吗？没有解决的话我的回答是：

template : "<h1>Hello {{msg}}",

造成改变元素标签原因在于你自行增添的<h1>标签样式覆盖引起。

data:{msg : "Hello world 2!"},

就拿视频里说的，使用dom更新数据，我们要先用getElementById方法或者选择器找到对应的dom元素，然后再进行数据的更新。而面向数据的话，我们只需要对想要的数据进行操作，而免去了DOM的操作，所以我们只要专注于数据就行了。

冒号是对象数据定义写法，冒号前是属性名，冒号后是属性值。等号是赋值运算符

1. 报告查看按钮对应的点击事件(点击方法)，在方法中编写代码请求后台（例如：ajax）

2. 在ajax的成功回调函数中获取后台返回的html路径名

3. 使用跳转页面方法，根据获得路径名进行页面跳转
   

在 sign_c 前面加上 this.

changeContent: function() {

if(this.sign_c == 0) {

this.content = "<h1>Hello SuperAnt</h1>"

this.sign_c = 1

} else {

this.content = "<h1>Hello World</h1>"

this.sign_c = 0

}

}

哦哦知道了。function写错了

@后面没有冒号

IDE语法检测而已

已解决...method打少了一个s，正确应该是methods，粗心大意惹的锅

因为其余所有的div都在id = root 这个挂载点下，里面的msg的值全由你实例data里msg的值决定，而this.msg改变的是实例里msg的值，数据源头改变了，自然全部改变

没有引入脚本 还有少了个逗号

<div v-text="content" v-on:click="()=>{alert(123)}">{{content}}</div>改成

<div 

v-html = 'content' 

@click="handleDivClick">

</div>

//在实例写上方法
methods:{
    handleDivClick:function () {
        alert("123")
    }
}

//注意你的代码规范吧js写现在body里

代码贴出来看看

注意，不应该使用箭头函数来定义 method 函数 (例如 plus: () => this.a++)。理由是箭头函数绑定了父级作用域的上下文，所以 this 将不会按照期望指向 Vue 实例，this.a 将是 undefined。

V 要大写。我就犯了这个错误。。。

我按照老师一开始的样子写在标签里面 没有报错

id是唯一的不可重复的,如果是class类名或者元素名称,那么都是有可能是重复的,所以我们用id

最好贴个代码。箭头函数 是es6的新语法 浏览器不一定支持。。node环境是支持的

应该是 this.msg='world'   你把等号打成了冒号吧

你把data:{congtent:"Hello"}改成data(){return{content:"Hello"}},这样点击哪个，哪个才会发生改变。

this.$emit("delete", args);delete是传出的事件名称，args就是伴随事件的参数，监听事件的时候直接接收参数就好了。

v-on:click事件应该写在模板中的span上

id唯一呀，其他的不唯一呀，根据官网来

data是储存数据的空间，this.content就可以表达content中存储的内容了

1111