day01 Vue ElementUI Axios 前后端案例 之Vue

前言js
问js是什么,他有什么作用,与html和css的区别是什么
(简称JS)是一种脚本语言,用于在网页上实现交互效果、动态效果和动态数据更新等功能 。它是一种解释性语言,需要在浏览器中解释和执行 。
可以用来实现很多功能,包括但不限于:
网页交互:可以用来实现按钮点击、表单验证、下拉菜单等网页交互功能 。动态效果:可以用来实现动画、图片轮播、页面滚动等动态效果 。数据更新:可以用来实现页面数据的动态更新,例如通过Ajax技术从服务器获取最新数据并更新到页面上 。
与HTML和CSS相比,是一种编程语言,而HTML和CSS是用于网页布局和样式设计的标记语言 。HTML用于描述网页的结构和内容,CSS用于描述网页的样式和布局,而用于实现网页的交互和动态效果 。
另外,HTML和CSS是静态语言,一旦页面加载完成,它们的内容就不会再发生改变 。而是一种动态语言,它可以在页面加载完成后继续执行,并实现动态更新和交互效果 。
问:js对象在代码中如何表示
答在中,对象是一种复合数据类型,用于将数据和功能组织在一起 。对象可以通过对象字面量、构造函数、.()等方式创建 。
对象字面量是一种创建对象的简单方式,可以在代码中直接定义对象的属性和方法 。例如:
var person = {firstName: "John",lastName : "Doe",age: 50,eyeColor : "blue",fullName : function() {return this.firstName + " " + this.lastName;}};
Vue
类库选择器
前端框架
1.Vue介绍1.入门案例
Hello Vue

{{message}}
src="http://www.kingceram.com/post/js/vue.js">>new Vue({el: '#app', //el属性这个new vue()括号内相当传入对象 {}在js表示一个对象,# 正好对应id选择器 这个vue对象el和上述div产生某种联系data: {message : "Hello Vue"}})
data 用于定义属性,实例中有三个属性分别为:site、url、alexa 。
用于定义的函数,可以通过来返回函数值 。
{{ }} 用于输出对象属性和函数返回值 。
2.MVVM
中间
vue是如何做到将模型中数据渲染到视图中的呢 中间有个组件叫
我:那也就是说将Model数据通过传递给view中
new bing:是的,是连接View和Model的桥梁,主要作用是对Model进行封装,提供给View使用 。通过双向绑定将Model数据传递给View中,同时也将View中的数据传递给Model 。
疑问解答
双向数据绑定
Vue.js的双向数据绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的1 。在Vue.js中,可以通过v-model实现双向绑定2 。所谓双向绑定,指的是Vue实例中的data与其渲染的DOM元素的内容保持一致,无论谁被改变,另一方会相应的更新为相同的数据 。
{}语法说明
{{number + 1 }}{{ok ? 'YES:'NO'}}{{message.split('').reverse().join('')}}
{{var a=1}}{{ if (ok){return message }}
2.常用指令
可以用在div、p、span、a、h1-h6等有内容的标签上,为标签插入内容
v-text 和 v-html
使用 v-html 指令用于输出 html 代码
Hello Vue
src="http://www.kingceram.com/post/js/vue.js">>let vm = new Vue({el: '#app', //elementdata: {author: '尤雨溪',works: 'vue',message: 'Hello Vue!',number: 0,isShow: true}})