web前端：Vue入门
软工小法师
2024-04-23 23:33
框架(framework)是一个框子--指其约束性，也是一个架子--指其支撑性。是一个基本概念上的结构，用于去解决或者处理复杂的问题。
框架这个广泛的定义使用的十分流行，尤其在软件概念。框架也能用于机械结构。
vue是国人开发的一个js框架，国人用得比较多。
Vue等框架与jQuery的区别
1jQuery基于dom操作
2Vue框架以数据驱动、组件化开发为核心
下载vue.js
如果安装了node，执行命令npminstallvue下载vue.js，可在vue后面加上@版本号指定要下载的vue.js版本，未指定时默认下载最新稳定版。
在代码中引入下载的vue.js：
<scripttype="text/Javascript"class="lazy" data-src="vue.js"></script>
上线时要换为生产版vue.min.js
demovue.js的简单使用
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8"/>
<title></title>
<!--引入vue.js-->
<scriptclass="lazy" data-src="js/vue.js"type="text/javascript"charset="utf-8"></script>
</head>
<body>
<!--留坑，后续填数据-->
<divid="app"></div>
<divclass="red"></div>
<div></div>
<script>
newVue({
el:'#app',//通过id来指定
template:'<p>hellovue1</p>'//要填充的内容。可以去嵌套元素，比如'<div><p></p></div>'；但只能有一个根元素，'<div></div><div></div>'这样就不行
});
newVue({
el:'.red',//通过class来指定
template:'<p>hellovue2</p>'
});
newVue({
el:'div',//通过元素名来指定。不常用，因为控制不精细
template:'<p>hellovue3</p>'
});
</script>
</body>
</html>
newVue()只会产生一个Vue对象，只能填一个坑。
比如有2个<divclass="red">，一个newVue()只能填一个。
demo动态数据
<divid="app"></div>
<script>
newVue({
el:'#app',
template:'<p>姓名：{{name}}，年龄：{{age}}</p>',//可以用{{}}占位
data:function(){
return{
name:'chy',//数据
age:20,
}
}
});
</script>
框架(Framework)是构成一类特定软件可复用设计的一组相互协作的类。框架规定了你的应用的体系结构。它定义了整体结构，类和对象的分割，各部分的主要责任，类和对象怎么协作，以及控制流程。框架预定义了这些设计参数，以便于应用设计者或实现者能集中精力于应用本身的特定细节
免责声明：
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
