当前位置: 首页 > news >正文

怎样做公司网站建设番禺网站开发公司电话

怎样做公司网站建设,番禺网站开发公司电话,自己做的网站能赚钱吗,网站刚做怎么做seo优化1、为什么要学习 Vue#xff1f; 为什么使用 Vue? 回想之前#xff0c;前后端交互的时候#xff0c;前端收到后端响应的数据#xff0c;接着将数据渲染到页面上#xff0c;之前使用的是 JavaScript 或者 基于 JavaScript 的 Jquery#xff0c;但是这两个用起来还是不太…1、为什么要学习 Vue 为什么使用 Vue? 回想之前前后端交互的时候前端收到后端响应的数据接着将数据渲染到页面上之前使用的是 JavaScript 或者 基于 JavaScript 的 Jquery但是这两个用起来还是不太方便而使用 Vue 往 html 页面中填充数据是非常方便的至于方便在哪里随着往后的学习会越发明显。 简单了解 Vue 两个特性 1. 数据驱动视图 数据的变化会 驱动 视图自动更新这样一来程序员只需要把数据维护好至于页面的结构则会自动被 Vue 渲染出来。  理解页面依赖的数据通常页面依赖的数据是从后端查数据库来的这里的页面依赖数据也是从后端来的可能这个数据被放到一个 js 对象中当这个 js 对象发生改变了vue 就会监听到数据变化也就会把新的数据渲染到页面上。 2. 双向数据绑定 在填写表单时双向数据绑定可以辅助开发者在不操作 DOM 的前提下自动把用户填写的内容同步到数据源。 这里页面依赖的数据和上面所讲述的相同双向数据绑定有什么好处呢当用户填的表单数据发生变化Vue 就会自动同步到 js 中此时程序员就不用去操作 DOM 树来获取表单元素的最新值了。 有了上面的认识现在来了解Vue 是什么对于后端程序员来说学习 Vue 需要学习到哪个阶段 Vue 是一个用于构建用户界面的渐进式框架 在 Vue 中你基本不会看到去操作 DOM 树只需要管理好数据即可对于后端程序员你只需要能使用 Vue 写出几个 demo 就可以了。 现在就来开始写下第一段 Vue 代码吧 2、第一个 Vue 程序 1. 创建 Vue 实例初始化渲染 准备容器Vue 所管理的范围 div idapp!-- 编写需要渲染的代码逻辑, --!-- 创建需要渲染数据的变量 --{{ msg }} /div 2. 引入 Vue 包(去官网复制cdn时注意选择开发版本/生产版本) 开发版本包含了完整的警告和调试模式(学习推荐) 生产版本删除了警告占用空间更小了 script srchttps://cdn.jsdelivr.net/npm/vue2.7.14/script 当我们引入了这个 VueJS 包在全局环境就有了 Vue 构造函数了。 3. 创建 Vue 实例 const app new Vue({el: #app,data: {msg: Hello Vue!} }) new Vue()创建 Vue 实例通过里面的 el 配置选择器指定 Vue 管理的是哪个容器通过 data 给该容器中的指定变量提供数据。 完整代码如下 !DOCTYPE html html langen headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title /head bodydiv idapp!-- 编写需要渲染的代码逻辑, --!-- 创建需要渲染数据的变量 --{{ msg }}/div /body script srchttps://cdn.jsdelivr.net/npm/vue2.7.14/script scriptconst app new Vue({el: #app,data: {msg: Hello Vue!}}) /script /html 渲染结果 如果此时 #app 这个容器中还想添加一个 h1 标签里面写上程序猿教你打篮球呢此时相信肯定难不倒各位直接举一反三即可 !DOCTYPE html html langen headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title /head bodydiv idapp!-- 编写需要渲染的代码逻辑, --!-- 创建需要渲染数据的变量 --{{ msg }}h1{{ blogname }}/h1/div /body script srchttps://cdn.jsdelivr.net/npm/vue2.7.14/script scriptconst app new Vue({el: #app,data: {msg: Hello Vue!,blogname: 程序员教你打篮球}}) /script /html 3、插值表达式 插值表达式是 Vue 的模板语法也就是上述代码中的 {{ }}  重点利用表达式进行插值渲染到页面中 那既然这个是表达式是不是也就意味着可以被求值是的于是后面可能会见到这样的代码 p{{ age 18 ? 成年啦! : 小屁孩! }}/p p{{ person.name }}/p p{{ name.toUpperCase() }}/p 使用插值表达式注意点 ● 使用的数据必须存在(在 Vue 构造方法配置项 data 中声明) ● 支持的是表达式并非语句不支持 if for 等 ● 不能在标签属性中使用 {{ }} 插值如 a href{{ url }}/a p title{{ blog-title }}/p 4. 再谈 Vue 响应式 const app new Vue({el: #app,data: {msg: Hello Vue!} }) 这里的 msg 数据其实已经是响应式数据了文章开头说过当页面依赖数据发生变化Vue 则会监听到并自动渲染页面此时如果将 msg 里的数据进行修改Vue 也会自动渲染新的数据到页面上 如何访问修改 data 中的数据呢直接使用 Vue 实例.属性名即可拿上面举例说 访问app.msg 修改app.msg Hello JS! 同时也能得出data 中的数据是会被添加到 Vue 实例上的。 使用 Vue 开发关注业务的核心逻辑根据业务修改数据即可。 下期预告【后端速成Vue】初识指令(上)
http://wiki.neutronadmin.com/news/201709/

相关文章:

  • 装修网站排名前十名青岛同拓网站建设有限公司
  • 广东网站建设人员教用vs2013做网站的书
  • 云龙微网站开发创世网站建设 优帮云
  • 专业的网站制作中心广告营销留电话网站
  • 做软件去哪个网站网站设计 评价 方法
  • 网站建设机器人怎样成立网站
  • 自适应网站开发seo关于网站开发的论文文献
  • 提供网站建设服务的网站价格北京手机网站建设公司
  • 万网主机建设网站流程门户制作
  • 网站开发的五个阶段大型网站开发的主流语言
  • 安徽省工程建设网站网站做简介
  • wordpress模板仿遮天小说站娱乐网站名字
  • 旅游响应式网站建设官方小程序开发
  • 哈尔滨网站建设q479185700惠北京市工商注册网上服务系统
  • php网站搭建类似朋友圈wordpress
  • 门户网站开发维护合同国内永久免费crm系统app
  • 网站中的文字滑动怎么做的崇信县网站留言
  • 电子表格做网站框架好男人hd免费观看
  • wordpress建企业网站教程烟台网站建设 58
  • 如需手机网站建设湘阴县住房建设局网站
  • 网站整套模板项目代码下载什么是百度权重
  • 新手自建网站做跨境电商高清线和视频线区别
  • 手机网站制作行业排行网站基本维护
  • 网站的前端怎么做做的很好的网站
  • 做网站在哪里做wordpress链接伪静态
  • 网站建设公司哪里有门户网站的盈利模式
  • php网站搭建教程学长的手在我的裤子里作文
  • 贺州网站制作三亚做网站哪家好
  • 北京公司网站制作百度指数怎么看排名
  • 本科专业 网站开发不懂开发如何建设网站