PARTⅠ——Vue的基本构建1.先看东西为我设计样式！
切换段落为我设计内联样式！
constapp=Vue.createApp({data(){return{tempName:"",className:"",isVisble:true,};},watch:{},computed:{userClass(){return"this.className;";},},methods:{changeVisble(){this.isVisble=!this.isVisble;},},});app.mount("#assignment");上面两段代码是一个一般的vue组件什么的，下面先分几点来讨论vue是如何工作的：1、vue如何与html关联2、vue在哪里处理html2，具体处理1、如何关联constapp=Vue.createApp();//创建一个appapp.mount("#assignment");//关联app和html部分2.VUE的基础部分（我目前所学的这部分已经足够了）constapp=Vue.createApp({data(){return{};},//这是现代js的简称，其实就是//data:fuction(){},watch:{},computed:{},methods:{},});一共四部分function三个结构体的数据函数返回一个包含数据的结构体（这是真正的数据，不包含函数），在app类中会自动封装成属性（这个很重要），在this中直接访问thispart.rest三个都是三个结构体中的方法，这里先插入交互问题3.html和VUE的交互，这里给出一个定义，这个定义是我自己给的，为了简化描述VUE-EXP：expression，专用于VUE（VUE变量（data），函数调用（methods），计算属性（computed））。（不过这个定义要修改duetomynowknowledge)注意：函数调用需要加()，虽然计算公式声明的和函数一样，但是调用时不需要加()。1）动态输出如果我们了解html，大概可以理解输出有两部分——输出为标签内容和输出为标签属性。标签内容极其简单{{VUE-EXP}}
标签属性需要绑定属性，添加v-bind:或者简写为：2）动态输入（事件）通过添加事件监听器-v-on:或@注意这个VUE-EXP主要是指函数，使用函数来获取value并传给后台，后面会详细补充，这里是一个简单的表单输入绑定定—Vue.js中文文档(bootcss.com)3)优化动态。当Vue需要重新渲染时，所有方法都必须重新运行，但computed则不需要。Computed其实也算是一个属性，不过是从数据中计算出来的，所以名字应该是properties之类的。4.html动态样式的整体思路很简单。在css中写好类，选择类名即可。从技术实现的角度来说，bindclass111一个基本的方法就是放入一个对象{classname:functionreturningboolean,calculatedproperty,expression}111放入数组111会单独渲染.也可以直接在VUE-EXP中放一个函数或者计算属性（这里的函数必须有括号），返回一个对象。
