vue.js基础学习（二）

最新推荐文章于 2022-02-13 21:56:41 发布

黎.

最新推荐文章于 2022-02-13 21:56:41 发布

阅读量122

点赞数

分类专栏： vue 文章标签： vue.js

本文链接：https://blog.csdn.net/Riley_/article/details/120381727

版权

vue 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

首先，每个vue都应实例化后再被使用
例：

var lan=new vue({
})

其次， Vue 构造器中有el 参数，参数后面跟选择器名
例：

<body>
<div id="vue_study">
	<p>{{site}}</p>
	<p>{{url}}</p>
	<p>{{details()}}</p>
</div>

<script>
	var vm=new Vue({
	el: '#vue_study',
	data: {
		site:"蓝谙",
		url:"https://blog.csdn.net/Riley_/article/details/120380747?spm=1001.2014.3001.5501",
		alexa:"10000"
	  },
	  methods:{
		  details:function(){
			  return this.site+"才刚开始学习vue,这是第一天学习内容的链接:"+this.url;
		  }
	  }
})
</script>
</body>

可以发现el后面跟的是我们id选择器名，也就是说我们的改动将全部都在 div 内，而div 外部不受影响。

data 用于定义属性，实例中有三个属性分别为：site、url、alexa。
methods 用于定义的函数，可以通过 return 来返回函数值。
{{ }} 用于输出对象属性和函数返回值。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

黎.

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue.js基础学习（二）

首先，每个vue都应实例化后再被使用例：var lan=new vue({})其次， Vue 构造器中有el 参数，参数后面跟选择器名例：<body><div id="vue_study"> <p>{{site}}</p> <p>{{url}}</p> <p>{{details()}}</p></div><script> var vm=new Vue({ e
复制链接

扫一扫