随笔分类 - web前端开发
web前端开发，基础html，js框架服务。
摘要：vue2.0-创建单文件组件注册组件以及组件的使用 1、项目效果 2、项目组件演变 项目组件需求，依次演变。 App.vue为根组件，对应Components目录专门放置vue文件（组件）。 新增公共的头部信息。 3、项目 项目目录结构， App.vue根组件 Components：存放自定义子组件
阅读全文
摘要：Vue2.0入门系列——键盘属性和单一事件管理通信 1、v2.0自定义键盘属性 需求如下， 键盘安装“ctrl+c”，弹出“测试”。 2、源代码如下 绑定事件， <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title
阅读全文
摘要：App2.0配置：Vue双向绑定和获取dom节点 1、需求：效果展示如下， 当“获取第二个变淡里面数据”，弹出输入的文字，点击“确定”之后，box字体变红 2、源代码如下， <template> <!-- Vue双向绑定和获取dom节点 --> <div id="app"> <h2>你好,{{ ms
阅读全文
摘要：App2.0配置：绑定属性-绑定class-绑定style 1、需求：效果展示如下， 2、源码如下， <template> <!-- vue的模板里面，所有的内容要被一个根节点包含起来 --> <div id="app"> <h2>你好,{{ msg }}</h2> <br> <!--1、绑定属性用
阅读全文
摘要：需求：学习vue2.0-数据绑定-循环渲染-数据渲染 效果展示如下 这里只关注App.vue组件，组件规范分为三部分： 1、模板 只能有一个根节点，在内部扩展编辑 <template> <!-- vue的模板里面，所有的内容要被一个根节点包含起来 --> <div id="app"> </div>
阅读全文
摘要：1、子组件更新，父组件不变 点击“按钮”按钮，子组件数据被修改，父组件数据不变 >>>>>> 项目源代码， <head> <meta charset="UTF-8"> <title>v2.0父子组件通信</title> <script src="./vue.js"></script> <script
阅读全文
摘要：1、需求 点击“添加”按钮，添加数据。 以上截图为需求。 2、编写代码 源代码如下， <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>v2.0循环</title> <script src="./vue.js"
阅读全文
摘要：1、文件目录结构 Vue.js官网下载 Vue2.0组件定义，自行编写 2、编写文件 如下， 3、整体思路 定义子组件——注册组件——模板编写——引用模板——实例化 访问方式：直接访问html文件。 源代码： <!DOCTYPE html> <html lang="en"> <head> <meta
阅读全文
摘要：1、安装nodejs 参考：https://www.cnblogs.com/yominhi/p/7039795.html $ node -v v10.15.0 $ npm -v 6.4.1 2、全局安装vue-cli脚手架工具 npm install -g vue-cli $ vue -V 2.9.
阅读全文
摘要：页面布局的三种方式： a、TABLE布局：已过时 b、DIV+CSS：当前主流 c、HTML5布局标签：未来趋势 1、学生成绩表设计 注意： <body> <table height="250px" width="600" border="1" align="center" cellpadding=
阅读全文
