可以详细说明一下JS文件怎么用么?

JavaScript016

可以详细说明一下JS文件怎么用么?,第1张

很简单，有的JavaScript，你放到自己的JavaScript目录下就自动启用。比如google快照修复那个。有的需要自己添加右键项目，用菜单来启动。比如查看所选页面部分源代码的JavaScript。

createElement(

 'anchored-heading', {

  props: {

   level: 1

  }

 }, [

  createElement('span', 'Hello'),

  ' world!'

 ]

)

渲染成下面这样

<anchored-heading :level="1">

<span>Hello</span> world!

</anchored-heading>

.使用jsx语法

这就是会用到一个Babel plugin 插件，用于在 Vue 中使用 JSX 语法的原因，它可以让我们回到于更接近模板的语法上。

安装

npm install\

 babel-plugin-syntax-jsx\

 babel-plugin-transform-vue-jsx\

 babel-helper-vue-jsx-merge-props\

 babel-preset-es2015\

 --save-dev

2.编辑.babelrc文件

{

"presets": ["es2015"],

"plugins": ["transform-vue-jsx"]

}

代码编辑如下

Vue.component('jsx-example', {

 render (h) { // <-- h must be in scope

  return <div id="foo">bar</div>

 }

})

将 h 作为 createElement 的别名是 Vue 生态系统中的一个通用惯例，实际上也是 JSX 所要求的，如果在作用域中 h 失去作用， 在应用中会触发报错。

官网说明文档：https://cn.vuejs.org/v2/guide/render-function.html#JSX

在mammoth.js 的说明文档里，有一个简易的演示，具体操作如下：

第一步：clone项目，没有问题。

第二步：运行 make setup 。这个是要执行项目中的makefile文件里面的setup目标（即make会按照Makefile里的指令完成构建 一般就是编译打包之类的操作）。

但是window系统没有make指令，所以只能手动处理下。按照makefile的构建过程，整理处理就是一下三个动作：

在git bash中分别执行上面三个动作，即完成了 make setup .

第三部：打开index.html，然后上传docx文档，就可以在页面上看到转换后的结果。当然标签设置还不是很完美，但已初现雏形。

ps：关于mamoth.js的使用，英文渣渣的我，还一头雾水。希望其他小伙伴有使用心得总结的，也可以一起分享交流。