-
- cloverwang 2024-05-18
Vue2 安装
保存到文件夹中命名vue.js
https://v2.cn.vuejs.org/v2/guide/installation.html
在head部分新建script标签引入vue.js库 （不在body中引入是为了防止抖屏）
- 0赞 · 0采集
-
- qq_慕瓜8424802 2024-03-29
El指的是Vue实例与哪一个节点绑定
- 0赞 · 0采集
-
- OneCheesyMofo 2024-02-29
data:数据全部放data里面
- 0赞 · 0采集
-
- OneCheesyMofo 2024-02-29
el：指绑定哪个元素！
- 0赞 · 0采集
-
- AppMan 2023-03-06
vue的hello world示例：
引入vue.js源码：在html标签头部使用<script src="./vue.js"></script>引入
使用vue则不需要再document.getElementById("root")这样操作标签。
直接使用{}挂载点方式绑定。
- 0赞 · 0采集
-
- 披星戴月的想你 2022-12-01
1、用<script></script>方式引入vue.js时，最好放在<head></head>标签中，可以防止页面抖屏。
2、vue着重于对数据的编写，而不是dom元素。
3、vue实例通过el这个属性的值和页面中挂载点id值一致来控制dom节点
<div id="root">//挂载点
{{msg}}
</div>
<script>
new vue({ //vue实例
el:"#root",
data:{
msg:"hello wold"
}
})
</script>
- 0赞 · 0采集
-
- 萌新在学习 2022-07-05
创建vue实例，注意位置和标签的匹配
- 0赞 · 0采集
-
- 慕UI1053578 2022-07-03
el：指与id做绑定
data：用于放数据
msg：用户放具体数据
- 0赞 · 0采集
-
- 降灾 2022-06-28
vue与传统js的对比
- 0赞 · 0采集
-
- 降灾 2022-06-28
el：——挂载点，用于与相应的标签绑定
data：——vue的数据存放处
- 0赞 · 0采集
-
- 木林森丿 2021-08-26
通过id名来绑定，Vue实例与虚拟DOM之间的联系。
Vue实例内存在两个重要的属性，el 和 data. el:指定绑定的id名。data具体的绑定事件，例如页面显示，渲染样式等...
- 0赞 · 0采集
-
- zrey 2021-08-13
<div id="root">{{msg}}</div> <script> //创建Vue实例 new Vue()({ el:"#root", //element绑定DOM节点 data:{ msg:"hello world" } }) </script>- 0赞 · 0采集
-
- 慕虎2443166 2021-05-26
<script src="./vue.js"></script>
- 0赞 · 0采集
-
- unicorn_up 2021-05-10
1、如果用script引入js，最好放在head里面，用于防止页面抖屏
2、vue编写着重于数据
3、语法：
<div id="root">//挂载点
{{msg}} //挂载点里的内容都叫做模板内容，也可以直接将模板内容放到实例的template里面去
</div>
<script>
new vue({ //vue实例
el:"#root",
data:{
msg:"hello wold"
}
})
</script>
- 0赞 · 0采集
-
- qq_哦_64 2021-04-08
- {{msg}}
- 0赞 · 0采集
-
- qq_哦_64 2021-04-08
- 创建一个vue实例，并且实现和挂载点绑定。
el参数表示实例和哪个节点（标签）绑定。
data参数表示实例里的数据。
{{msg}}
- 0赞 · 0采集
-
- 二条_ 2021-03-22
创建一个vue实例，并且实现和挂载点绑定。
el参数表示实例和哪个节点（标签）绑定。
data参数表示实例里的数据。
<div id="root">{{msg}}</div> <script> new Vue({ el:"#root", data:{ msg:"hello world" } }) </script>
-
截图0赞 · 0采集
-
- 阿里0111 2021-01-17
vue入门-
截图0赞 · 0采集
-
- qq_宸子_04228031 2020-08-01
<div id="root">{{msg}}</div>
<script>
new Vue({
el:"#root",
data:{
msg:"hello world"
}
})
</script>
- 0赞 · 1采集
-
- 慕丝7437234 2020-06-18
安装（小白级别）：
开发环境：
1、引入vue.js文件<script src="./vue.js"></script>
2、引入CDN<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
生产环境：安装生产版本，或者CDN版本带上版本号
引入：
在<head>标签中引入，防止抖屏。
创建实例：
<div id="root">
<h1>{{msg}}</h1>
</div>
在<script>中new Vue()
<div id="root">{{msg}}</div>
new Vue({//传参
el:"root",//绑定dom，Vue不推荐开发者直接操作dom
data：{//保存vue实例中的数据
msg:"hello world"
}
}）
原生写法（手动操作dom）：
var dom = document.getElementById("root")
dom.innerHTML = "hello world"
- 0赞 · 0采集
-
- poppowerlb2 2020-06-09
通过script标签引入vue.js的时候，最好是把script标签放到head标签里，可以避免“抖屏”的情况。
-
截图2赞 · 1采集
-
- 慕UI8115034 2020-05-23
head:
<script src="./vue.js"></scipt>;
<body>
<div id=“root”>{{msg}}</div>
<script>
new vue({
el:"#root",
data:{
msg:"hello world"
}
})
</script>
- 0赞 · 0采集
-
- Felix_Sun 2020-04-18
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Vue入门</title>
<script src="vue.js"></script>
</head>
<body>
<div id="root">{{msg}}</div>
<script>
new Vue({
el:"#root",
data:{
msg:"hello world"
})
</script>
</body>
</html>
- 0赞 · 0采集
-
- 慕丝9077666 2020-03-22
将js文件引入放在head里面是为了防止页面发生抖屏
实例里面的el代表挂载点，是将数据挂载在id名为root的dom节点上 实例里面的data模块是为存放数据的 使用花括号来使用数据。
- 0赞 · 1采集
-
- zhijianwubu 2020-02-07
2-1 创建第一个vue实例
挂载点、数据
vue替换原生的DOM操作
-
截图0赞 · 0采集
-
- 雪豹1993 2020-02-01
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Vue 入门</title> <script src="./vue.js"></script> </head> <body> <div id="root">{{ msg }}</div> <script> new Vue({ el: "#root", data: { msg: "hello world" } }); </script> </body> </html>-
截图0赞 · 0采集
-
- 精慕门0543443 2020-01-08
- data：保存实例中一些数据
-
截图0赞 · 0采集
-
- 精慕门0543443 2020-01-08
- el：让vue实例去接管页面上某个节点元素的内容
-
截图0赞 · 0采集
-
- 精慕门0543443 2020-01-08
- 使用<script></script>
-
截图0赞 · 0采集
-
- gongwanyi 2019-12-19
创建vue实例
代码展示
-
截图0赞 · 0采集
